<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>常用标签</title>
</head>

<body>
<!-- 文本标题（h1-h6） -->
我是广州吴彦祖
<h1>我是广州吴彦祖</h1>
<h2>我还是金城武</h2>
<h3>我还是金城武</h3>
<h4>我还是金城武</h4>
<h5>我还是金城武</h5>
<h6>我还是金城武</h6>
<!--&nbsp;空格 是空出一个字符  -->
<p>&nbsp;&nbsp;浙江温州浙江温州<u>江南皮革厂</u>倒闭啦,王八蛋老板<strong>王鹤</strong>带着他的<strong><i>小椅子</i></strong>逃跑了!!!<em>我们</em>没办法<br/><hr/><i>浙江</i>温州浙江温<b>州江南皮革厂</b>倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法</p>
<p>                             浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法浙江温州浙江温州江南皮革厂倒闭啦,王八蛋老板王鹤带着他的小椅子逃跑了!!!我们没办法</p>

<!-- b strong 都是加粗字体  em i 倾斜字体  u加下划线 -->
<!-- p标签就是段落文本标签  使用两段文本就可以看出隔一行 &nbsp;空格 -->
<ul>
	<li>春困</li>
	<li>秋乏</li>
	<li>夏无力</li>
	<li>冬眠</li>
	<li>快乐的一年就过去了</li>
</ul>
<hr/>
<ol type="1">
	<li>春困</li>
	<li>秋乏</li>
	<li>夏无力</li>
	<li>冬眠</li>
	<li>快乐的一年就过去了</li>
</ol>
<!-- ul unorder无序列表  ol有序列表  有序列表的type 属性 1 对应着数字 a对应着小写字母  A大写字母 i小写罗马 I罗马 -->
<dl>
	<dt>定义这个项的标题</dt>
	<dd>这个项的内容</dd>
	<dt>今天的风儿很喧嚣</dt>
	<dd>内容内容内容内容内容内容内容内容</dd>
</dl>
<!--自定义的列表 title detail 细节-->
<!-- 图片跟网页放在同一个的文件夹  src="图片的全称"-->
<img src="aaa.jpg" alt="当你看到这句话的时候,就意味着这个图片你看不到了" title="如果帅能当饭吃"/>
<!-- 当图无法正常显示的时候 alt    title是鼠标悬浮在图片上面的时候出现的提示  -->
<!--文件的相对路径 图片在下一层目录的写法   -->
<img src="img/b.jpg"/>
<!-- 图片文件在上一层目录的写法 -->
<img src="../aaa.jpg"/>
<!-- A标签 超链接 -->
<br/><br/><br/>
<a href="heihei.html">点击观看 嘿嘿嘿</a>
<br/><br/>
<a href="about_us.html">关于我们</a>
<a href="connect us.html">联系我们</a>
<!-- table表格  一个tr就是一行  -->
<table width="400" height="400" border="1">
	<tr>
		<td colspan="2">第一行第一列</td>
		<td>第一行第2列</td>
		
	</tr>
	<tr>
		<td>第2行第1列</td>
		<td>第二行第2列</td>
		<td>第二行第三列</td>
	</tr>

</table>
<hr/>
<!-- cellspacing 格子之间的间距 width宽 height高 border边框粗 bgcolor background 背景颜色-->
<table width="400" height="400" border="1" cellspacing="0" bgcolor="#CC99FF">
	<tr>
	<!--align 对齐方式 -->
		<td rowspan="2" align="right">第一行第一列</td>
		<td>第一行第2列</td>
		
	</tr>
	<tr>
		<td>第2行第1列</td>
		
	</tr>

</table>
<hr/>
课堂小练习
<br/>
<table width="400" height="200" border="1">
<tr>
<td rowspan="2"></td><td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
<table width="400" height="200" border="1">
<tr>
<td ></td><td></td>
</tr>
<tr>
<td colspan="2"></td>

</tr>
</table>
<hr/>
表单
<br/>
<!--action 表单提交到的网址 method 通讯的方式 get post -->
<form action="" method="get" name="form1">
	姓名:
	<input type="text" value="王大锤"/><br/>
	<!--name 的作用就是让name的值一样的input标签 处于同一系 -->
	<!-- disabled="disabled" 不可使用  disabled 简写 radio叫做单选按钮-->
	<input type="radio" name="sex"/>男
	<input type="radio" name="sex"/>女
	<input type="radio" name="sex" disabled/>人妖<br/>
	参加工作年份:<select>
	<!--ctrl+z 回退代码 ctrl+s 保存代码  -->
			<option>1990</option>
			<option>1991</option>
			<option>1992</option>
			<option>1993</option>
			<option>1949</option>
	</select>
	<!-- checkbox 叫做复选框-->
	请选择你的爱好:
	<input type="checkbox" name="hobby"/>女
	<input type="checkbox" name="hobby"/>男
	<input type="checkbox" name="hobby"/>打lol,dota,屁股守望,炉石,山口山,cf
	<input type="checkbox" name="hobby"/>吃饭 唱歌 旅游 做做湿
	<br/>
	<input type="submit" value="确认提交"/> 
	<!--重置的是表单标签包括的 标签 -->
	<input type="reset" value="重至"/>
	<!-- 文本域 这个跟text 区别在于 text多用于一行文字 -->
	<!--  style="resize:none" 让文本域不能拖拽-->
	<textarea cols="10" rows="10"  style="resize:none"></textarea>
	<input type="button" value="不好意思,我是一个按钮"/>
	


</form>






</body>
</html>
